<html>
<head>
    <title>Context Search Preferences</title>
    <link rel="stylesheet" type="text/css" href="preferences.css" />
    <script src="options_utility.js"></script>
    <script src="preferences.js"></script>
</head>
<body onload="initialize()">
    <div class="csp_head">
        Context Search Preferences
    </div>
    <!-- Example of typical option:
    <div id="csp_option_1">
        <table width="100%">
            <tr>
                <td width="25%">
                    <span class="csp_text">Name:</span> <br/>
                    <input type="text" size="25" class="csp_textbox" value="Google"/> <br/>
                    <span class="csp_hint">This text is shown in the menu.</span>
                </td>
                <td width="50%">
                    <span class="csp_text">URL:</span> <br/>
                    <input type="text" size="45" class="csp_textbox" value="http://www.google.com/search?q=%s"/> <br/>
                    <span class="csp_hint">Insert %s where searching query should be specified.</span>
                </td>
                <td width="25%" align="right" style="vertical-align: bottom">
                    <button class="csp_button" disabled="true">Save</button>
                    <button class="csp_button">Delete</button>
                </td>
            </tr>
        </table>
    </div>
    -->
    <div id="csp_createOption" style="border: none">
        <table width="100%">
            <tr>
                <td align="right" style="vertical-align: top">
                    <a class="csp_link" onclick="createOption('','',true,0)"><b>Add new</b></a>
                </td>
            </tr>
        </table>
    </div>
</body>
</html>
